.item-box {
	width: 300px;
	margin: 20px auto;
}

.item {
	margin: 4px 0;
	padding: 10px 0;
	border-radius: 4px;
	background: lightblue;
}

.del-btn {
	padding: 0 10px;
	cursor: pointer;
	user-select: none;
}

.enter {
	opacity: 0;
	transform: translateX(-100%);
	background: lightblue;
}

.enter-active {
	opacity: 1;
	transform: translateX(0%);
	background: lightblue;
	transition: all 1s ease;
}

.enter-done {
}

.exit {
	opacity: 1;
	transform: translateX(0%);
	background: red;
}

.exit-active {
	opacity: 0;
	transform: translateX(100%);
	background: red;
	transition: all 1s ease;
}

.btn {
	color: #fff;
	background-color: #0069d9;
	border-color: #0062cc;
	padding: 10px 20px;
	border-radius: 4px;
	width: fit-content;
	cursor: pointer;
	margin: 20px auto;
}
